<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的收藏</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../font/iconfont/iconfont.css">
    <link rel="stylesheet" href="../../font/iconfont/iconfont.ttf">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/personal/personal.css">
    <style>
        .collection_nav{
            margin: 10px 0;
            float: left;
            overflow: hidden;
        }
        .nav_btn{
            float: left;
            width: 150px;
            height: 40px;
            margin: 0 5px;
            overflow: hidden;
            text-align: center;
            background-color: #C9C9C9;
            cursor: pointer;
        }
        .nav_btn a{
            font-size: 14px;
            color: #333;
            text-decoration: none;
        }
        /*content_container*/
        .content_container{
            background-color: #F2F2F2;
            overflow: hidden;
        }
        .content_bar{
            margin: 0 5px;
            padding: 10px 5px;
            overflow: hidden;
            background-color: #fff;
        }
        .bar_btn{
            float: left;
            width: 180px;
            height: 40px;
            margin: 0 5px;
            overflow: hidden;
            text-align: center;
            background-color: #C9C9C9;
            cursor: pointer;
        }
        .bar_btn a{
            font-size: 14px;
            color: #333;
            text-decoration: none;
        }
        .all_product_list{
            overflow: hidden;
        }
        .good_area{
            float: left;
            width: 245px;
            margin: 5px;
            padding: 15px;
            background-color: #fff;
            overflow: hidden;
        }
        .good_area a{
            text-decoration: none;
        }
        .good_img{
            max-width: 100%;
            height: 230px;
            margin-bottom: 5px;
        }
        .good_img img{
            width: 100%;
            height: 100%;
        }
        .good_info{
            text-align: left;
            overflow: hidden;
        }
        .good_name{
            font-size: 14px;
            color: #333;
            margin-bottom: 5px;
        }
        .good_price_box{
            height: 24px;
            overflow: hidden;
        }
        .good_price{
            float: left;
            line-height: 24px;
            font-size: 14px;
            color: #333;
        }
        .good_price em{
            float: left;
            margin-left: -2px;
            margin-right: 5px;
        }
        .good_delete{
            float: right;
            font-size: 24px;
            line-height: 24px;
            color: #333;
            cursor: pointer;
        }
        .score_title{
            float: left;
            margin-right: 5px;
            font-size: 12px;
            color: #999;
        }
        .score_img{
            float: left;
            font-size: 24px;
            color: #FF7013;
        }
        .score_img div{
            margin: 0 2px;
            float: left;
        }
    </style>
</head>
<body>
<div class="index_container">
    <div class="header">
        <div class="header_bar_container">
            <div class="header_bar">
                <ul class="header_bar_left">
                    <li>
                        <span class="icon-font icon-phone header_bar_icon"></span>
                        <p>1234567890</p>
                    </li>
                    <div class="site_pipe"></div>
                    <li>
                        <span class="icon-font icon-mail header_bar_icon"></span>
                        <p>12345@qq.com</p>
                    </li>
                </ul>
                <ul class="header_bar_right">
                    <li>
                        <div class="head_btn">
                            <div class="head_btn_title">登录</div>
                            <div class="head_btn_title">Login</div>
                        </div>
                    </li>
                    <div class="site_pipe"></div>
                    <li>
                        <div class="head_btn">
                            <div class="head_btn_title">注册</div>
                            <div class="head_btn_title">registred</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!--导航-->
        <div class="header_nav_container">
            <div class="header_nav_box">
                <div class="my_address">
                    <span class="icon-font icon-address header_bar_icon"></span>
                    <p>London</p>
                </div>
                <div class="logo">
                    <img src="" alt="">
                </div>
                <div class="header_nav">
                    <ul>
                        <li>
                            <a href="#">
                                <div class="title_zh">首页</div>
                                <div class="title_en">Home</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="title_zh">购货</div>
                                <div class="title_en">Purchase</div>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <div class="title_zh">购货车</div>
                                <div class="title_en">Shopping Car</div>
                            </a>
                        </li>
                        <li class="active">
                            <a href="#">
                                <div class="title_zh">我的</div>
                                <div class="title_en">Mine</div>
                            </a>
                        </li>
                        <li class="shop_search">
                            <div class="icon-font icon-search"></div>
                        </li>
                    </ul>
                </div>
                <!--搜索-->
                <div class="search_box">
                    <input type="text" class="" placeholder="请输入搜索内容/Enter the search content">
                    <div class="search_btn">
                        <div class="title_zh">搜索</div>
                        <div class="title_en">Search for</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--轮播-->
    <div class="banner">
        <ul>
            <li class="on" onclick="showList(0)"></li>
            <li onclick="showList(1)"></li>
            <li onclick="showList(2)"></li>
        </ul>
        <div class="banner_list">
            <a href="#"><img src="../../image/banner/99F41A88514108E2EF7195BB5F68A316.png" title="" alt=""></a>
            <a href="#"><img src="../../image/banner/D47EF50517F083B476AB231D5CDB2602.png" title="" alt=""></a>
            <a href="#"><img src="../../image/banner/F8420969FFEED07A7280638F95DD0588.png" title="" alt=""></a>
        </div>
    </div>
    <div class="content">
        <div class="my_show_container">
            <div class="my_show_box">

                <div class="categories_list ">

                </div>
                <div class="my_show_content">
                    <div class="my_show_bar">
                        <div class="collection_nav">
                            <div class="nav_btn">
                                <a href="#collectionProduct" data-toggle="tab">
                                    <div class="title_zh">收藏商品</div>
                                    <div class="title_en">Favorite Product</div>
                                </a>
                            </div>
                            <div class="nav_btn">
                                <a href="#collectionShop" data-toggle="tab">
                                    <div class="title_zh">收藏店铺</div>
                                    <div class="title_en">Favorite Shop</div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="content_container tab-content">
                        <div class="collection_product_content tab-pane active" id="collectionProduct">
                            <div class="content_bar">
                                <div class="bar_btn">
                                    <a href="">
                                        <div class="title_zh">全部商品</div>
                                        <div class="title_en">All Product</div>
                                    </a>
                                </div>
                                <div class="bar_btn">
                                    <a href="">
                                        <div class="title_zh">失效商品</div>
                                        <div class="title_en">Favorite Shop</div>
                                    </a>
                                </div>
                            </div>
                            <div class="all_product_list">
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop2.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop3.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop4.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop2.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop3.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop4.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是商品名</div>
                                                <div class="title_en">product name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="good_price_box">
                                        <div class="good_price">
                                            <em>￡</em>
                                            <span>134.00/kg</span>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="invalid_product_list">

                            </div>
                        </div>
                        <div class="collection_shop_content tab-pane" id="collectionShop">
                            <div class="all_product_list">
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop2.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop3.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop4.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop2.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop3.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                                <div class="good_area">
                                    <a href="#">
                                        <div class="good_img">
                                            <img src="../../image/shopImg/shop1.png" alt="">
                                        </div>
                                        <div class="good_info">
                                            <div class="good_name">
                                                <div class="title_zh">这是店铺名</div>
                                                <div class="title_en">shop name</div>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="score_bar">
                                        <div class="score_title">
                                            <div class="title_zh">评分</div>
                                            <div class="title_en">score</div>
                                        </div>
                                        <div class="score_img">
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                            <div class="icon-font icon-star1"></div>
                                        </div>
                                        <div class="good_delete icon-font icon-delete"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <div class="slogan">
        <div class="slogan_title">
            <p>Here is the slogan</p>
        </div>
        <div class="sub_slogan_title">
            <p>Here is the slogan</p>
        </div>
    </div>
    <div class="footer">
        <div class="footer_content">
            <div class="footer_cont_left">
                <div class="about_us_container">
                    <div class="footer_title">
                        <div class="title_zh">关于我们</div>
                        <div class="title_en">About us</div>
                    </div>
                    <div class="about_us_text">
                        <p>
                            这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容这里是关于我们内容</p>
                    </div>
                </div>
                <div class="photos_stream_container">
                    <div class="footer_title">
                        <div class="title_zh">照片流</div>
                        <div class="title_en">Photos stream</div>
                    </div>
                    <div class="photos_img_box">
                        <div class="photos_img_a">
                            <img src="../../image/footer/photos1.png" alt="">
                        </div>
                        <div class="photos_img_b">
                            <img src="../../image/footer/photos2.png" alt="">
                        </div>
                        <div class="photos_img_c">
                            <img src="../../image/footer/photos3.png" alt="">
                        </div>
                        <div class="photos_img_d">
                            <img src="../../image/footer/photos4.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_cont_right">
                <div class="contact_us_container">
                    <div class="footer_title">
                        <div class="title_zh">联系我们</div>
                        <div class="title_en">Contact us</div>
                    </div>
                    <div class="contact_us_area">
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-address"></div>
                            <div class="contact_title">
                                <div class="title_zh">地址</div>
                                <div class="title_en">address</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是地址</div>
                                <div class="title_en">Here is the address</div>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-iconminesel1"></div>
                            <div class="contact_title">
                                <div class="title_zh">联系人</div>
                                <div class="title_en">contact</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是联系人</div>
                                <div class="title_en">Here is the contact</div>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-phone"></div>
                            <div class="contact_title">
                                <div class="title_zh">电话</div>
                                <div class="title_en">phone</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是电话号码</div>
                                <div class="title_en">Here is the phone number</div>
                            </div>
                        </div>
                        <div class="contact_row">
                            <div class="contact_icon icon-font icon-mail"></div>
                            <div class="contact_title">
                                <div class="title_zh">邮箱</div>
                                <div class="title_en">mailbox</div>
                            </div>
                            <div class="contact_cont">
                                <div class="title_zh">这里是邮箱</div>
                                <div class="title_en">Here is the email</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer_bottom_bar"><p>2018 © Metronic Shop UI. ALL Rights Reserved.</p></div>
    </div>
</div>

</body>
<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/laydate/laydate.js"></script>
<script>

    $(function () {
        bannerInit(); //轮播
    });
    var ident = false;
    $('.shop_search').click(function () {
        if (false == ident) {
            $('.search_box').show();
            ident = true;
        } else {
            $('.search_box').hide();
            ident = false;
        }
    })

</script>
</html>